HeadPanel = Ext.extend(Ext.Panel, {
	contents : null,
	abstractor : null,
	infolis:null,
	constructor : function() {
		this.abstractor = {
			xtype : 'container',
			autoEl : 'div',
			cls : 'content',
			items : [ {
				xtype : 'container',
				autoEl : 'ul',
				items : [ {
					xtype : 'box',
					autoEl : 'li',
					html : '<a href="#">文档</a>'
				}, {
					xtype : 'box',
					autoEl : 'li',
					html : '<a href="#">图片</a>'
				}, {
					xtype : 'box',
					autoEl : 'li',
					html : '<a href="#">视频</a>'
				}, {
					xtype : 'box',
					autoEl : 'li',
					html : '<a href="#">音乐</a>'
				} ]
			} ]
		};
		this.contents = {
			xtype : 'container',
			id : 'nav',
			autoEl : 'ul',
			items : [ {
				xtype : 'box',
				autoEl : 'li',
				html : '<a href="#">易云存储</a>'
			}, {
				xtype : 'container',
				cls : 'navDrop',
				autoEl : 'li',
				items : [ {
					xtype : 'box',
					html : '<a href="#">目录</a>'
				},this.abstractor ]

			} ]
		};
		this.infolis=[{
			xtype:'box',
			autoEl:'li',
			id:'tips',
			cls:'entry',
			//html内容通过后台传过来
			html:'<a href="">邀请好友赚取更多空间</a>'
		},{
			xtype:'container',
			autoEl:'li',
			cls:'entry',
			id:'user-name',
			items:[{
				xtype:'box',
				autoEl:'em',
				//html为用户登录的用户名
				html:nickname
			},{
				xtype:'container',
				autoEl:'div',
				id:'user_info',
				height:120,
				width:100,
				items:[{
					xtype:'box',
					autoEl:'span',
					html:'<a href="">用户中心</a>'
				},{
					xtype:'box',
					autoEl:'span',
					html:'<a href="">扩展容量</a>'
				},{
					xtype:'box',
					autoEl:'span',
					html:'<a href="">退出</a>'
				}]
			}]
		},{
			xtype:'box',
			autoEl:'li',
			cls:'entry',
			html:'<a href="javascript:;" id="sign-in">签到</a>'
		},{
			xtype:'box',
			autoEl:'li',
			cls:'entry',
			html:'<a href="exit" id="">退出</a>'
		}
		];
		HeadPanel.superclass.constructor.call(this, {
			id : 'header',
			autoScroll : false,
			height : 50,
			items : [ {
				xtype : 'box',
				autoEl : 'div',
				cls : '',
				width : 80,
				height : 50,
				id : 'logo',
				html : '<a href="#"  title="Q易云"></a>'

			}, this.contents, {
				xtype : 'container',
				autoEl : 'div',
				id : 'info',
				height:50,
				items : [ {
					xtype : 'container',
					autoEl : 'ul',
					items:this.infolis
				} ]
			} ]
		});
	}
});